<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style type="text/css">
div.blogletter_bg{width:716px; height:275px ;background: url(news_letter/blogletter_bg.gif) no-repeat ;}
/*.blogletter_01 { border:0px red solid;width:670px; background: url(/resource/new_images/news_letter/blogletter_bg.gif); }*/
.blogletter_01 { border:0px red solid; width:716px;}
/* 정책소식지 추가*/
/*.blogletter_01 div.email_friend2 { border:0px red solid;margin-left:20px; height:266px; width:630px; background: url(/resource/new_images/news_letter/policynews_03_friend.gif);}*/
.blogletter_01 div.email_friend2 { border:0px red solid;margin-left:20px; height:258px; width:683px; background: url(news_letter/policynews_03_friend.gif) no-repeat ;}

.blogletter_01 div.email_friend2 .blogletter_email .box {border:0px solid red; float:left; width:500px;}
.blogletter_01 div.email_friend2 .blogletter_email{border:0px solid blue; width:550px;padding:120px 0px 0px 80px; }
.blogletter_01 div.email_friend2 .blogletter_email .uid{padding-bottom:12px; width: 540px; float:left; height:17px;border:0px solid red; position:relative;}
/*
.blogletter_01 div.email_friend2 .blogletter_email .uid label{width:85px; display:block; float:left; padding-top:4px; }
.blogletter_01 div.email_friend2 .blogletter_email .uid label.none{width:0px; display:block; float:left; padding-top:4px; }*/
.blogletter_01 div.email_friend2 .blogletter_email .uid img{vertical-align:middle; margin-bottom:0px; float:left; padding-right:40px;}
.blogletter_01 div.email_friend2 .blogletter_email .uid .input{width:182px; padding:1px 0 2px 0; border:1px solid #bdbdbd; margin:0;float:left; height:17px;}
.blogletter_01 div.email_friend2 .blogletter_email .uid .input_fri{width:100px; padding:1px 0 2px 0; border:1px solid #bdbdbd; margin:0; height:17px;}
.blogletter_01 div.email_friend2 .blogletter_email .uid .job_detail {border:0px solid red; position:absolute; top:0px; left:220px;}
.blogletter_01 div.email_friend2 .blogletter_email .uid .job_detail label {width:80px;}
.blogletter_01 div.email_friend2 .blogletter_email .btn_fri{text-align:center; padding-top:10px;}
.blogletter_01 .policynews_all {text-align:center;}
/*.blogletter_01 div.email_friend3 { border:0px red solid;margin-left:20px; height:266px; width:630px; background: url(/resource/new_images/news_letter/policynews_03_friend2.gif);}*/
.blogletter_01 div.email_friend3 { border:0px red solid;margin-left:20px; height:258px; width:683px; background: url(news_letter/policynews_03_friend2.gif) no-repeat ;}
.blogletter_01 div.email_friend3 .blogletter_email .box {border:0px solid red; float:left; width:500px;}
.blogletter_01 div.email_friend3 .blogletter_email{border:0px solid blue; width:550px;padding:100px 0px 0px 80px; }
.blogletter_01 div.email_friend3 .blogletter_email .uid{padding-bottom:12px; width: 540px float:left; height:17px;border:0px solid red; position:relative;}
/*
.blogletter_01 div.email_friend3 .blogletter_email .uid label{width:85px; display:block; float:left; padding-top:4px; }
*/
.blogletter_01 div.email_friend3 .blogletter_email .uid img{vertical-align:middle; margin-bottom:0px; float:left;padding-right:40px;}
.blogletter_01 div.email_friend3 .blogletter_email .uid .input{width:182px; padding:1px 0 2px 0; border:1px solid #bdbdbd; margin:0;float:left; height:17px;}
.blogletter_01 div.email_friend3 .blogletter_email .uid .input_fri{width:100px; padding:1px 0 2px 0; border:1px solid #bdbdbd; margin:0; height:17px;}
.blogletter_01 div.email_friend3 .blogletter_email .uid .job_detail {border:0px solid red; position:absolute; top:0px; left:220px;}
.blogletter_01 div.email_friend3 .blogletter_email .uid .job_detail label {width:80px;}
.blogletter_01 div.email_friend3 .blogletter_email .btn_fri{text-align:center; padding-top:10px;}
</style>
</head>
<body>
<script type="text/javascript">
			<!--
			function checkAppForm(f){
				with(f){
					if(isEmpty(name.value)){
						alert("이름을 입력해 주세요.");
						name.focus();
						return false;
					}
					if(isEmpty(email1.value))	{
						alert("이메일을 앞부분을 입력해 주세요.");
						email1.focus();
						return false;
					}
 
					if(isEmpty(email2.value)){
						alert("이메일을 주소부분을 입력해 주세요.");
						email2.focus();
						return false;
					}
 
					email.value = email1.value + "@" + email2.value;
 
				}
			}
 
			function isEmpty( data )	{
				for ( var i = 0 ; i < data.length ; i++ ){
					if ( data.substring( i, i+1 ) != " " )
						return false;
				}
				return true;
			}
 
			function check_email(str) {
 
				var at="@";
				var dot=".";
				var lat=str.indexOf(at);
				var lstr=str.length;
				var ldot=str.indexOf(dot);
				if (str.indexOf(at)==-1){
				   //alert("Invalid E-mail ID")
				   return false;
				}
 
				if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
				   //alert("Invalid E-mail ID")
				   return false;
				}
 
				if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
				    //alert("Invalid E-mail ID")
				    return false;
				}
 
				 if (str.indexOf(at,(lat+1))!=-1){
				    //alert("Invalid E-mail ID")
				    return false;
				 }
 
				 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
				    //alert("Invalid E-mail ID")
				    return false;
				 }
 
				 if (str.indexOf(dot,(lat+2))==-1){
				    //alert("Invalid E-mail ID")
				    return false;
				 }
 
				 if (str.indexOf(" ")!=-1){
				    //alert("Invalid E-mail ID")
				    return false;
				 }
 
				 return true;
			}
 
			function change_mail(obj, f)	{
					var mail =  obj[obj.selectedIndex].value;
					f.email2.value = mail;
			}
			//-->
			</script>
<div class="blogletter_bg"></div>

<div class="blogletter_01">
	<div class="email_friend2">
		<div class="blogletter_email">
			<div class="comment" style="display:none">
				<h4>구독신청하기</h4>
				<ul>
					<li>-이메일 주소와 이름, 직업등 정보를 등록하시면 ‘청와대정책소식지’를 받아보실 수 있습니다.</li>
					<li>-청와대 홈페이지 회원이 아니어도 신청하실 수 있으며, 가입정보는 정책소식지 발송 이외 다른 용도로는 사용하지 않습니다.</li>
					<li>-청와대 정책소식지는 정부정책에 대한 내용을 수시로 전해드리며 받기를 원치 않으실경우 해지하기를 통해서 해지하실 수 있습니다.</li>
				</ul>
			</div>
			<div class="box">
				<form onsubmit="return checkAppForm(blogs)" action="nesw_insertAndDelete.jsp" method="post" name="blogs">
				<input type="hidden" value="insert" name="mode"/>
				<input type="hidden" value="a829676f19035f5861e80611a85a1fc2" name="fpage"/>
				<input type="hidden" name="email"/>
				<div class="uid">
					<label for="name">
						<!-- <img alt="이름" src="/resource/new_images/news_letter/blogletter_name.gif" /> -->
						<img alt="이름" src="news_letter/blogletter_name.gif" />
					</label>
				<input id="name" class="input" type="text" value="" maxlength="20" name="name" style="ime-mode:inactive" title="이름"/>
				</div>
				<div class="uid">
					<label for="email1">
					<!-- <img alt="이메일" src="/resource/new_images/news_letter/blogletter_email.gif"/> -->
						<img alt="이메일" src="news_letter/blogletter_email.gif"/>
					</label>
				<input id="email1" class="input_fri" type="text" title="이메일" style="ime-mode : inactive;" name="email1"/>
				&nbsp;@&nbsp;
				<label for="email2">
					<input id="email2" class="input_fri" type="text" title="어디 이메일인지 입력하세요" name="email2"/>
				</label>
				<label for="typemaill">
					<select id="typemaill" onchange="javascript:change_mail(this,this.form);" title="어디 이메일인지 선택하세요" name="email3">
						<option value="hanmail.net">hanmail.net</option>
						<option value="naver.com">naver.com</option>
						<option value="yahoo.co.kr">yahoo.co.kr</option>
						<option value="korea.com">korea.com</option>
						<option value="paran.com">paran.com</option>
						<option value="nate.com">nate.com</option>
						<option value="empal.com">empal.com</option>
						<option value="hitel.net">hitel.net</option>
						<option value="hanmir.com">hanmir.com</option>
						<option value="netian.com">netian.com</option>
						<option value="dreamwiz.com">dreamwiz.com</option>
						<option value="lycos.co.kr">lycos.co.kr</option>
						<option value="chollian.net">chollian.net</option>
						<option value="orgio.net">orgio.net</option>
						<option value="freechal.com">freechal.com</option>
						<option value="hotmail.com">hotmail.com</option>
						<option value="unitel.co.kr">unitel.co.kr</option>
						<option value="nownuri.net">nownuri.net</option>
						<option value="hanafos.com">hanafos.com</option>
						<option value="kornet.net">kornet.net</option>
						<option value="arreo.com">arreo.com</option>
						<option value="gmail.com">gmail.com</option>
						<option selected="selected" value="">직접입력</option>
					</select>
				</label>
				</div>
				<div style="text-align:center; padding-top:10px;">
				<!-- <input type="image" alt="구독신청" src="/resource/new_images/news_letter/policynews_btn.gif"/> -->
					<input type="image" alt="구독신청" src="news_letter/policynews_btn.gif"/>
				</div>
				</form>
			</div>
		</div>
	</div>
	<br />
	
	<div class="email_friend3">
		<div class="blogletter_email">
			<div class="comment" style="display:none">
			<h4>구독해지하기</h4>
				<ul>
					<li>-이메일 주소와 이름을 입력하시면 '청와대정책소식지'를 해지하실 수 있습니다.</li>
					<li>-해지하신 후에도 언제든지 재신청이 가능합니다.</li>
				</ul>
			</div>
			<div class="box">
				<form onsubmit="return checkAppForm(blogs_reject)" action="nesw_insertAndDelete.jsp" method="post" name="blogs_reject">
				<input type="hidden" value="delete" name="mode"/>
				<input type="hidden" value="a829676f19035f5861e80611a85a1fc2" name="fpage"/>
				<input type="hidden" name="email"/>
				
				<div class="uid">
					<label for="name">
					<!-- <img alt="이름" src="/resource/new_images/news_letter/blogletter_name.gif"/> -->
						<img alt="이름" src="news_letter/blogletter_name.gif"/>
					</label>
					<input id="name" class="input" type="text" value="" maxlength="20" name="name" style="ime-mode:inactive" title="이름"/>
				</div>
				<div class="uid">
					<label for="email1">
					<!-- <img alt="이메일" src="/resource/new_images/news_letter/blogletter_email.gif"/> -->
						<img alt="이메일" src="news_letter/blogletter_email.gif"/>
					</label>
				<input id="email1" class="input_fri" type="text" title="이메일" style="ime-mode : inactive;" name="email1"/>
				&nbsp;@&nbsp;
				<input id="email2" class="input_fri" type="text" title="어디 이메일인지 입력하세요" name="email2"/>
					<select id="typemaill" onchange="javascript:change_mail(this,this.form);" title="어디 이메일인지 선택하세요" name="email3">
						<option value="hanmail.net">hanmail.net</option>
						<option value="naver.com">naver.com</option>
						<option value="yahoo.co.kr">yahoo.co.kr</option>
						<option value="korea.com">korea.com</option>
						<option value="paran.com">paran.com</option>
						<option value="nate.com">nate.com</option>
						<option value="empal.com">empal.com</option>
						<option value="hitel.net">hitel.net</option>
						<option value="hanmir.com">hanmir.com</option>
						<option value="netian.com">netian.com</option>
						<option value="dreamwiz.com">dreamwiz.com</option>
						<option value="lycos.co.kr">lycos.co.kr</option>
						<option value="chollian.net">chollian.net</option>
						<option value="orgio.net">orgio.net</option>
						<option value="freechal.com">freechal.com</option>
						<option value="hotmail.com">hotmail.com</option>
						<option value="unitel.co.kr">unitel.co.kr</option>
						<option value="nownuri.net">nownuri.net</option>
						<option value="hanafos.com">hanafos.com</option>
						<option value="kornet.net">kornet.net</option>
						<option value="arreo.com">arreo.com</option>
						<option value="gmail.com">gmail.com</option>
						<option selected="selected" value="">직접입력</option>
					</select>
				</div>
				<div style="text-align:center; padding-top:10px;">
				<!-- <input type="image" alt="구독해지" src="/resource/new_images/news_letter/policynews_btn2.gif"/> -->
					<input type="image" alt="구독해지" src="news_letter/policynews_btn2.gif"/>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>
</body>
</html>